import 'package:flutter/material.dart';

class Widget_Font_Page extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return Widget_Font_State();
  }
}

class Widget_Font_State extends State<Widget_Font_Page>{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("自定义字体"),
        ),
        body: Column(
          children: <Widget>[
            Icon(
                IconData(0xe8e8,
                fontFamily: 'aliIcon'),
              size: 30.0,
              color: Color(0xffff0000),
            ),
            Text("使用自定义字体库使用自定义字体库使用自定义字体库使用自定义字体库使用自定义字体库",
            style: TextStyle(
              fontFamily: "familyFontStyle",
            ),)
          ],
        ),
      ),
    );
  }
}

/**
 * 1.使用阿里IconFont
 *  首先下载阿里IconFont,然后导入到项目里，如在项目根目录下新建fonts文件夹，把下载的iconfont.ttf放入文件夹中
 *  然后在pubspec.yaml中添加
 *  fonts:
    - family: aliIcon 名称，随意命名
    fonts:
    - asset: fonts/iconfont.ttf 字体库路径
 * 接着将IconFont的Unicode引用 &#xe8e8; 改为 0xe8e8 添加到IconData，fontFamily值为上面定义的aliIcon即可。
 *
 * 2.给Text使用字体库
 * 首先还是下载所需的字体库（可以从中华字体库等网站下载），然后导入到项目里，
 * 然后在pubspec.yaml中添加
 * fonts:
    - family: familyFontStyle
    fonts:
    - asset: fonts/abcd.otf
 * 最后可以在Text组件的TextStyle里面添加fontFamily: 'familyFontStyle',
 */
